<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="yourstyle.css">
</head>
<body>  
    <li>
        <ul style="background-color: greenyellow;">标签1</ul>
        <ul style="background-color: aqua;">标签2</ul>
        <ul style="background-color: red;">标签3</ul>
    </li>
    <div style="border: 1px solid;height: 150px;width: 500px;overflow: scroll;">
        <p style="font-size: 20px;margin: 10px;">注意</p>
        <p style="background-color: bisque;height: 30px;margin: 10px;height: 30px;border-left: 3px solid red;">导航栏1</p>
        <p style="border-left: 3px solid rgba(228, 228, 10, 0.589);background-color: rgb(228, 232, 174);margin: 10px;height: 30px;">导航栏2</p>
        <p style="border-left: 3px solid blue; background-color:rgb(63, 202, 240);margin: 10px;height: 30px;">导航栏3</p>
        <p style="border-left: 3px solid purple;background-color : rgb(163, 110, 212);margin: 10px;height: 30px;">导航栏4</p>
        <p style="border-left: 3px solid rgb(164, 32, 124);background-color: rgb(202, 99, 108);margin: 10px;height: 30px;">导航栏5</p>
        <p style="border-left: 3px solid rgba(0, 191, 255, 0.329);background-color: aquamarine;margin: 10px;height: 30px;">导航栏6</p>
        </div>
        <p>请把鼠标移动到单词上，可以看到鼠标指针发生变化</p>
        <span style="cursor: auto;">auto</span><br>
        <span style="cursor: crosshair;">crosshair</span><br>
        <span style="cursor: default;">default</span><br>
        <span style="cursor: e-resize;">e-resize</span><br>
        <span style="cursor: help;">help</span><br>
        <span style="cursor: move;">move</span>
        <span style="cursor: n-resize;">n-resize</span><br>
        <span style="cursor: ne-resize;">ne-resize</span><br>
        <span style="cursor: nw-resize;">nw-resize</span><br>
        <span style="cursor: pointer;">pointer</span><br>
        <span style="cursor: progress;">progress</span><br>
        <span style="cursor: s-resize;">s-resize</span><br>
        <span style="cursor: sw-resize;">sw-resize</span><br>
        <span style="cursor: text;">text</span><br>
        <span style="cursor: w-resize;">w-resize</span><br>
        <span style="cursor: wait;">wait</span><br>

        <video style="width: 300px;height: 300px;" controls>
            <source src="c:\Users\北京第一深情\Desktop\软测\e142225b9dd20fc9fa119281291edc83.mp4" type="video/mp4">
        </video>
</body>
</html>